<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="wrap">这个是div</div>
		<button onclick="resert()">更改内容</button>
		<script>
			function resert() {
				// 初始化HTTP请求.
				let xhr = new XMLHttpRequest();
				// 定义请求
				xhr.open('GET', 'GET.html', true); //true表示异步,false表示同步,默认为 true，指示是否异步执行操作。

				// 跟踪请求的状态更改.
				xhr.onreadystatechange = function() {
					const DONE = 4; // readyState 4 表示请求已完成.
					const OK = 200; // 状态 200 是一个成功返回.
					if (xhr.readyState === DONE) {
						if (xhr.status === OK) {
							// console.log(xhr.responseText); // '这是输出.'
							document.getElementById('wrap').innerHTML = xhr.responseText
						} else {
							console.log('Error: ' + xhr.status); // 请求期间出错.
						}
					}
				};

				//发送发送到 GET.html
				xhr.send(null);
			}
		</script>
	</body>
</html>
